<div class="doc-outline">
  <div class="doc-outline-list">
    <!-- 一级菜单无子菜单 -->
    <div class="outline-item active">
      <!-- 子菜单缩进 -->
      <div class="outline-item-indent">
        <!-- 一级菜单缩进0个 -->
      </div>
      <!-- outline-expanded-noop 没有子目录 -->
      <span class="outline-expanded-btn outline-expanded-noop">
        <img
          class="expanded-icon"
          src="/open/static/img/directory_action.svg"
          alt=""
        />
      </span>
      <a href="#" class="doc-body">
        <span class="doc-name">一、安装chatwiki</span>
      </a>
    </div>

    <!-- 一级菜单有子菜单 -->
    <div class="outline-item is-expanded">
      <!-- 子菜单缩进 -->
      <div class="outline-item-indent">
        <!-- 一级菜单缩进0个 -->
      </div>
      <span class="outline-expanded-btn">
        <img
          class="expanded-icon"
          src="/open/static/img/directory_action.svg"
          alt=""
        />
      </span>
      <a href="#" class="doc-body">
        <span class="doc-name">三.使用nginx配置(非必须)</span>
      </a>
    </div>

    <!-- 二级菜单无子菜单 -->
    <div class="outline-item is-expanded">
      <!-- 子菜单缩进 -->
      <div class="outline-item-indent">
        <!-- 二级菜单缩进1个 -->
        <span class="outline-item-indent-unit"></span>
      </div>
      <!-- outline-expanded-noop 没有子目录 -->
      <span class="outline-expanded-btn outline-expanded-noop">
        <img
          class="expanded-icon"
          src="/open/static/img/directory_action.svg"
          alt=""
        />
      </span>
      <a href="#" class="doc-body">
        <span class="doc-name"
          >3.1.使用云服务的PostgreSQL实例(非...</span
        >
      </a>
    </div>

    <!-- 二级菜单有子菜单 -->
    <div class="outline-item is-expanded">
      <!-- 子菜单缩进 -->
      <div class="outline-item-indent">
        <!-- 二级菜单缩进1个 -->
        <span class="outline-item-indent-unit"></span>
      </div>
      <span class="outline-expanded-btn">
        <img
          class="expanded-icon"
          src="/open/static/img/directory_action.svg"
          alt=""
        />
      </span>
      <a href="#" class="doc-body">
        <span class="doc-name"
          >3.2.使用云服务的Redis实例(非必须)</span
        >
      </a>
    </div>

    <!-- 三级菜单有子菜单 -->
    <div class="outline-item active is-expanded">
      <!-- 子菜单缩进 -->
      <div class="outline-item-indent">
        <!-- 三级菜单缩进2个 -->
        <span class="outline-item-indent-unit"></span>
        <span class="outline-item-indent-unit"></span>
      </div>
      <span class="outline-expanded-btn">
        <img
          class="expanded-icon"
          src="/open/static/img/directory_action.svg"
          alt=""
        />
      </span>
      <a href="#" class="doc-body">
        <span class="doc-name"
          >3.2.1.Redis实例(非必须,默认使例(非必须)</span
        >
      </a>
    </div>

    <!-- 四级菜单无子菜单 -->
    <div class="outline-item is-expanded">
      <!-- 四级菜单缩进3个 -->
      <div class="outline-item-indent">
        <span class="outline-item-indent-unit"></span>
        <span class="outline-item-indent-unit"></span>
        <span class="outline-item-indent-unit"></span>
      </div>
      <!-- outline-expanded-noop 没有子目录 -->
      <span class="outline-expanded-btn outline-expanded-noop">
        <img
          class="expanded-icon"
          src="/open/static/img/directory_action.svg"
          alt=""
        />
      </span>
      <a href="#" class="doc-body">
        <span class="doc-name"
          >3.2.1.1.Redis实例(非必须,默认使例(非必须)</span
        >
      </a>
    </div>

    <!-- 三级菜单无子菜单 -->
    <div class="outline-item is-expanded">
      <!-- 三级菜单缩进2个 -->
      <div class="outline-item-indent">
        <span class="outline-item-indent-unit"></span>
        <span class="outline-item-indent-unit"></span>
      </div>
      <!-- outline-expanded-noop 没有子目录 -->
      <span class="outline-expanded-btn outline-expanded-noop">
        <img
          class="expanded-icon"
          src="/open/static/img/directory_action.svg"
          alt=""
        />
      </span>
      <a href="#" class="doc-body">
        <span class="doc-name"
          >3.2.2.Redis实例(非必须,默认使例(非必须)</span
        >
      </a>
    </div>
  </div>
</div>